* {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
  }
  body{
    background-color: #fbfaf7;
  }
  html{
      font-size: 16px;
  }
  // 导航栏
  .box {
    height: 50px;
    background-color: #222;
    .container {
      padding: 0;
      // 导航栏
      .navbar-header {
        .navbar-brand {
          padding: 0 15px;
          display: flex;
          align-items: center;
        }
      }
      .navbar {
        border: none;
        margin-bottom: 0;
      }
      .navbar-wrapper {
        .navbar-brand {
          padding: 0 15px;
          > img {
            width: 130px;
          }
        }
      }
    }
  }
  
  // 轮播图
  .carousel-inner {
      width: 100%;
      img{
        width: 100%;
      }
  }
  
  // 内容一
  .main_1{
      width: 100%;
      margin-top: 6.25rem;
      background-color: #fbfaf7;
      >.box1{
          
      >.main_box{
        >.main_1-1{
          >.yq{
              >p:first-of-type{
                  font-size: 2.8125rem;
                  color: #0078d7;
              }
              >p:last-of-type{
                  font-size: 1.875rem;
                  color: #666;
              }
          }
          >.gn{
              margin-top: 5rem;
              > .col-md-6{
                  display: flex;
                  align-items: center;
                  >img{
                    width: 4rem;
                    height: 4rem;
                  }
                  >div{
                      margin-left: .875rem;
                    >h3{
                        font-size: 1.125rem;
                    }
                    >span{
                        font-size: .8125rem;
                        color: #666;
                    }
                  }
              }
          }
        }
        >.main_1-2{
            width: 22.8125rem;
            height: 29.0625rem;
            img{
            //     width: 18rem;
            // height: 27.0625rem;
            }
        }
    }
      }
  }

//   内容二
.main_2{
    width: 100%;
    background-color: #fff;
    
    >.box2{
        margin-top: 7.1875rem;
        >.main_box2{
            >.main_2-1{
                margin-top: 4.375rem;
                
                >img{
                    width: 18.4375rem;
                    height: 18.4375rem;
                }
            }
            >.main_2-2{
                >.m2-t{
                    font-size: 2.9375rem;
                    color: #8fc31f;
                }
                >.m2-js{
                    margin-top: 2.8125rem;
                    >div{
                        display: flex;
                        align-items: center;
                        margin-bottom: .625rem;
                        
                        >img{
                            width: 3.375rem;
                            height: 3.375rem;
                        }
                        >p{
                            margin-left: .625rem;
                            font-size: .875rem;
                            color: #666;
                        }
                    }
                }
            }
        }
    }
}

// 内容三
.main_3{
    background-color: #0079d7;
    >.box3{
        >.main_box3{
            >.main_3-1{
                margin-top: 6.875rem;
                >p{
                    font-size: 2.9375rem;
                    color: #fff;
                    text-align: center;
                }
            }
            >.main_3-2{
                margin-top: 5.625rem;
                >div{
                    margin-bottom: 5rem;
                    display: flex;
                    align-items: center;
                    >img{
                        width: 3.75rem;
                        height: 3.75rem;
                    }
                    >div{
                        margin-left: 4.0625rem;
                        
                        >h3{
                            font-size: 1.5625rem;
                            color: #fff;
                        }
                        >p{
                            font-size: .875rem;
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
}

// 内容四
.main_4{
    margin-top: 5.3125rem;
    >.box4{
        >.main_box4{
            >.main_4-1{
                
                >h5{
                    font-size: 2.125rem;
                }
                >a{
                    
                    font-size: .875rem;
                    color: #2a2a2a;
                    
                }
            }
            >.main_4-2{
               
               
                text-align: center;
                >a{
                    margin-top: 2.0625rem;
                    >img{
                        width: 23.125rem;
                        height: 12.5rem;
                    }
                }
                >.row{
                    >.col-md-2{
                        margin-top: 2.0625rem;
                        >a{
                            
                            >img{
                                width: 4.1875rem;
                                height: 4.1875rem;
                                
                            }  
                        }
                        >p{
                            font-size: .875rem;
                            text-align: center;
                        }
                    }
                }
            }
        }
    }
}

// 内容五
.main_5{
    margin-top: 2.5rem;
    // background-color: #f4f4f4;
    >.box5{
        >.main_box5{
            
            >.main_5-1{
                display: flex;
                align-items: flex-end;
                >h2{
                    font-size: 1.8125rem;
                }
                >p{
                    font-size: .6875rem;
                    
                }
            }
            >.main_5-2{
                margin-top: 2.3125rem;
                margin-bottom: 4rem;
                
                    >img{
                        // width: 8.875rem;
                        //  height: 3.625rem;
                        margin-bottom: 1.5625rem;
                }
                
            }
        }
    }
}

.fter{
    background-color: #3b3b3b;
    >.box6{
        
        >.fter_box1{
            overflow: hidden;
            margin-top: 2.1875rem;
            
            >.fter_1-1{
                
                >div:first-of-type{
                    >a{
                        font-size: .875rem;
                        color: #a1a3ab;
                    }
                }
                >div:last-of-type{
                    >p{
                        margin-top: .9375rem;
                        font-size: .75rem;
                        color: #a1a3ab;
                    }
                }
            }
            >.fter_1-2{
                margin-bottom: 1.25rem;
                >a{
                    img{
                        width: 2.375rem;
                        height: 2.375rem;
                    }
                }
                
                
            }
        }
    }
}


  
  
  // ipad端 >= 768px   < 992px
  @media screen and (min-width: 768px) and (max-width: 991px) {
    body{
        font-size: 12px;
    }
    .box {
        height: 100%;
        .navbar-wrapper {
          .navbar {
            margin-bottom: 0;
          }
          // 语言
          #navbar {
            .dropdown {
            //   position: absolute;
              top: -50px;
              right: 80px;
            }
          }
        }
      }
    .main_1{
        >.box1{
            >.main_box{
                display: flex;
                align-items: center;
                >.main_1-1{
                    >.gn{
                        margin-top: 0;
                    }
                }
                >.main_1-2{
                    >img{
                        width: 100%;
                        height: 100%;
                    }
                }
            }
        }
    }
    .main_3{
        >.box3{
            >.main_box3{
                >.main_3-2{
                    margin-right: 0;
                }
            }
        }
    }
    
    
  }
  
  // 移动端 < 768px
  @media screen and (max-width: 767px) {
      body{
          font-size: 12px;
      }
      .box {
        height: 100%;
        .navbar-wrapper {
          .container {
            .navbar {
              margin-bottom: 0;
            }
            // 语言
            #navbar {
              position: absolute;
              left: 0;
              top: 50px;
              background-color: #222;
              width: 100vw;
              .dropdown {
              }
            }
          }
        }
      }
    .main_1{
        >.box1{
            >.main_box{
                >.main_1-1{
                    >.gn{
                        >.col-md-6{
                            >div{
                                
                            }
                        }
                    }
                }
                >.main_1-2{
                    display: none;
                    height: 2.625rem;
                    
                }
            }
        }
    }
    .main_2{
        >.box2{
            >.main_box2{
                >.main_2-1{
                    
                    margin-top: 0;
                    img{
                        display: none;
                    }
                }
            }
        }
    }
    .main_4{
        >.box4{
            >.main_box4{
                >.main_4-2{
                    >a{
                        >img{
                            width: 100%;
                            height: 100%;
                        }
                    }
                }
            }
        }
    }
  
  }
  
  